<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>高级CAD制图工具</title>
    <link rel="stylesheet" href="../css/cad-style.css">
</head>
<body>

<main class="page-content">
    <!-- 工具面板与工作区 -->
    <section class="main-workspace">
        <!-- 工具面板 -->
        <aside class="tool-panel">
            <div class="project-management">
                <button id="newProject">新建</button>
                <button id="openProject">打开</button>
                <button id="saveProject">保存</button>
            </div>
            <h2>基础制图工具</h2>
            <div class="tool-buttons">
                <button class="cad-tool" title="绘制直线">直线</button>
                <button class="cad-tool" title="绘制圆形">圆形</button>
                <button class="cad-tool" title="绘制矩形">矩形</button>
                <button class="cad-tool" title="绘制多边形">多边形</button>
            </div>

            <section class="layer-management">
                <h2>图层管理</h2>
                <ul id="layers">
                    <li>主图层 (激活)</li>
                    <li>辅助线图层</li>
                    <li>隐藏图层</li>
                </ul>
            </section>

            <section class="shape-properties">
                <h2>图形属性</h2>
                <form>
                    <label for="fillColor">填充颜色:</label>
                    <input type="color" id="fillColor" name="fillColor"><br><br>
                    <label for="strokeColor">边框颜色:</label>
                    <input type="color" id="strokeColor" name="strokeColor"><br><br>
                    <label for="lineWidth">线条宽度:</label>
                    <input type="number" id="lineWidth" name="lineWidth" min="1" max="20" value="2"><br><br>
                </form>
            </section>

            <section class="save-section">
                <h2>文件操作</h2>
                <button id="exportPNG">导出为PNG</button>
            </section>
        </aside>

        <!-- CAD工作区 -->
        <section class="cad-workspace">
            <canvas id="cadCanvas"></canvas>
        </section>
    </section>
</main>

<script src="../js/cad-script.js"></script>
</body>
</html>